<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {
    font-family:Arial,"宋体",Helvetica, sans-serif;
    margin: 0;'
}
body{
	background:#f5f5f5;
}
div.box{
	height:100%;
	width:960px;
	padding: 10px 10px 5px;
}
div.box div.clip_title{
	height:30px;
	width:960px;
	float:felt;	
	margin-bottom: 10px;
}
div.box div.clip_title div.clip_logo{
	height:30px;
	width:30px;
	float:left;
	background:#9b9b9b;
	margin-right: 10px; 
	margin-top: 2px;
}
div.box div.clip_title span.clip_name{
	color: #24508D;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
	float:left;
	width:900px;
	height: 20px;
}
div.box div.clip_title span.clip_email{
	color: #bcbcbc;
    cursor: default;
    float: left;
    font-size: 12px;
	line-height: 14px;
}
div.box div.content{
	height:100%;
	width:960px;
	background: #ffffff;
	border:1px solid #BCBCBC;
}
div.box div.content div.clip_head{
	height:25px;
	width:940px;
	border-bottom:1px solid #BCBCBC;
	margin-left: 8px;
	padding-top: 11px;
}
div.box div.content div.clip_head span.clip_sort{
	color: #24508D;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
	float:left;
	margin-right: 10px;
}
div.box div.content div.clip_head span.clip_time{
	color: #bcbcbc;
    cursor: default;
    float: right;
    font-size: 12px;
}
div.box div.content div.clip_center{
	height: auto;
    margin: 0 auto;
    width: 940px;
}
div.box div.content div.clip_center table{
    margin: 0 auto;
    width: 940px;
}
div.box div.content div.clip_center table tr.clip_first{
    float: left;
    height: 100%;
    margin-bottom: 8px;
    width: 940px;
	padding-bottom: 10px;
}
div.box div.content div.clip_center table tr.clip_second{
    float: left;
    height: 100%;
    margin-bottom: 8px;
    width: 940px;
	background:#f5f5f5;
	padding-bottom: 10px;
}
div.box div.content div.clip_center table tr td.clip_avatar{
    float: left;
    height: 70px;
    margin-top: 12px;
    width: 46px;
	margin-left: 10px;
}
div.box div.content div.clip_center table tr td.clip_avatar div.clip_logo{
    background:#E2E2E2;
    float: left;
    height: 30px;
    margin-left: 5px;
    width: 30px;
}
div.box div.content div.clip_center table tr td.clip_avatar div.clip_like{
    cursor: default;
    float: left;
	height:16px;
	width:16px;
	margin-top: 7px;
	margin-right: 2px;
	background:url("http://ww3.sinaimg.cn/bmiddle/74e811c5gw1e445l6wjpij200g00g0oh.jpg");
}
div.box div.content div.clip_center table tr td.clip_avatar span{
	font-size:12px;
	line-height:28px;
	cursor: default;
    float: left;
	cursor: default;
}
div.box div.content div.clip_center table tr td.clip_theme{
	float: left;
    height: 100%;
    margin-left: 20px;
    width: 680px;
	margin-top: 7px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_time{
	float:left;
	width:400px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_time span.clip_a{
	float:left;
	color: #27518B;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    margin: 0px 0 0 5px;
    width: 70px;
    cursor: default;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_time span{
	font-size: 12px;
	color:#000000;
	cursor: default;
	line-height: 20px;
	float: left;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_time b{
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	margin-left: 4px;
	cursor: default;
	line-height: 20px;
	float: left;
	
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_topic{
	float:left;
	width:400px;;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_topic span.clip_a{
	float:left;
	color: #27518B;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    margin: 0px 0 0 31px;
    width:43px;
	cursor: default;
	line-height: 20px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_topic span.clip_name{
	color: #000000;
    float: left;
    text-decoration: none;
	font-size: 12px;
	cursor: default;
	line-height: 20px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_txt{
	float:left;
	width:680px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_txt span.clip_a{
	float:left;
	color: #27518B;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    margin: 0 0 0 31px;
	width:43px;
	cursor: default;
	line-height: 20px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_txt span.clip_val{
	cursor: default;
    float: left;
    font-size: 12px;
    line-height: 20px;
    width: 600px;
	margin-top: 0px;
}
div.box div.content div.clip_center table tr td.clip_detail{
	background: url("http://ww3.sinaimg.cn/bmiddle/74e811c5gw1e445l6suagj202f01cmwz.jpg");
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 24px;
    margin-top: 13px;
    padding: 0;
    width: 87px;
	margin-right: 3px;
}
div.box div.content div.clip_center table tr td.clip_theme div.clip_txt div.clip_picture{
	background: none repeat scroll 0 0 #E2E2E2;
    float: left;
    height: 120px;
    margin-left: 74px;
    margin-top: 8px;
    width: 89px;
}
div.box div.clip_bottom{
	height:50px;
	width:960px;
	background: #ffffff;
	border-top:1px solid #BCBCBC;
	padding-top: 7px; 
	padding-bottom: 7px;
}
div.box div.clip_bottom div.clip_sina{
	height:50px;
	width:480px;
	border-right:1px solid #BCBCBC;
	float:left;
}
div.box div.clip_bottom div.clip_sina div.clip_sinalogo{
	background:url("http://ww2.sinaimg.cn/bmiddle/74e811c5gw1e445l70cxqj207t017glj.jpg");
	width:281px;
	height:43px;
	float:left;
	margin-top: 4px; 
	margin-left: 28px; 
	margin-right: 10px;
}
div.box div.clip_bottom div.clip_sina button.clip_btn{
	background:url("http://ww2.sinaimg.cn/bmiddle/74e811c5gw1e445l6nalcj201g00ha9t.jpg");
	width:52px;
	height:17px;
	cursor: pointer;
	border: 0 none;
	padding:0 none;
	float:left;
	margin-top: 18px;
}
div.box div.clip_bottom div.clip_info{
	height:100%;
	width:280px;
	float:left;
	cursor: default;
    font-size: 12px;
    line-height: 18px;
	margin-top: 6px; 
	margin-left: 95px;
}
</style>
</head>

<body>
	<div class="box">
		<div class="clip_title">
			<div class="clip_logo"></div>
			<span class="clip_name">档期网</span>
			<span class="clip_email">www.clip24.cn</span>
		</div>
		<div class="content">
			<div class="clip_head">
				<span class="clip_sort">【上海电影档期】</span>
				<span class="clip_sort">四月大片《甜蜜十八岁》、《变身超人》、《柠檬》等大片期待您的观看！</span>
				<span class="clip_time">2013年4月26日（星期五）上午8:45</span>
			</div>
			<div class="clip_center">
				<table id="clip_content">
					<tr class="clip_first">
						<td class="clip_avatar">
							<div class="clip_logo"></div>
							<div class="clip_like"></div>
							<span>(12)</span>
						</td>
						<td class="clip_theme">
							<div class="clip_time">
								<span class="clip_a">活动时间：</span>
								<span>开始于</span>
								<b>2013-03-29   00:00</b>
							</div>
							<div class="clip_topic">
								<span class="clip_a">内容：</span>
								<span class="clip_name">美国电影《特种部队2：复仇》</span>
							</div>
							<div class="clip_txt">
								<span class="clip_a">详情：</span>
								<span class="clip_val">
									导演： 朱浩伟
									<br>
									主演： 道恩·强森 布鲁斯·威利斯 李秉宪
									<br>
									剧情： 此次虽然“公爵”（查宁·塔图姆 饰）、“蛇眼”（雷·帕克 饰）等前作中的老将回归，但片方网罗的“巨石”道恩·强森（饰“拦路虎”）和布鲁斯·威利斯（饰创始人乔·科尔顿）两大动作硬汉才是...
								</span>
								<div class="clip_picture"></div>
							</div>
						</td>
						<td class="clip_detail"></td>
					</tr>
					<tr class="clip_second">
						<td class="clip_avatar">
							<div class="clip_logo"></div>
							<div class="clip_like"></div>
							<span>(12)</span>
						</td>
						<td class="clip_theme">
							<div class="clip_time">
								<span class="clip_a">活动时间：</span>
								<span>开始于</span>
								<b>2013-03-29 00:00</b>
							</div>
							<div class="clip_topic">
								<span class="clip_a">内容：</span>
								<span class="clip_name" >美国电影《特种部队2：复仇》</span>
							</div>
							<div class="clip_txt">
								<span class="clip_a">详情：</span>
								<span class="clip_val">
									导演： 朱浩伟
									<br>
									主演： 道恩·强森 布鲁斯·威利斯 李秉宪
									<br>
									剧情： 此次虽然“公爵”（查宁·塔图姆 饰）、“蛇眼”（雷·帕克 饰）等前作中的老将回归，但片方网罗的“巨石”道恩·强森（饰“拦路虎”）和布鲁斯·威利斯（饰创始人乔·科尔顿）两大动作硬汉才是...
								</span>
								<div class="clip_picture"></div>
							</div>
						</td>
						<td class="clip_detail"></td>
					</tr>
					<tr class="clip_first">
						<td class="clip_avatar">
							<div class="clip_logo"></div>
							<div class="clip_like"></div>
							<span>(12)</span>
						</td>
						<td class="clip_theme">
							<div class="clip_time">
								<span class="clip_a">活动时间：</span>
								<span>开始于</span>
								<b>2013-03-29 00:00</b>
							</div>
							<div class="clip_topic">
								<span class="clip_a">内容：</span>
								<span class="clip_name">美国电影《特种部队2：复仇》</span>
							</div>
							<div class="clip_txt">
								<span class="clip_a">详情：</span>
								<span class="clip_val">
									导演： 朱浩伟
									<br>
									主演： 道恩·强森 布鲁斯·威利斯 李秉宪
									<br>
									剧情： 此次虽然“公爵”（查宁·塔图姆 饰）、“蛇眼”（雷·帕克 饰）等前作中的老将回归，但片方网罗的“巨石”道恩·强森（饰“拦路虎”）和布鲁斯·威利斯（饰创始人乔·科尔顿）两大动作硬汉才是...
								</span>
							</div>
						</td>
						<td class="clip_detail"></td>
					</tr>
				</table>
			</div>
			<div class="clip_bottom">
				<div class="clip_sina">
					<div class="clip_sinalogo"></div>
					<button class="clip_btn"></button>
				</div>
				<div class="clip_info">若你不想接到此邮件，请点这里
					<a id="blank" href="">【退订订阅】</a>
					或者点
					<a id="blank" href="">【这里】</a>
					，告诉我们如何做得更好。
				</div>
			</div>
		</div>
	</div>
</body>
</html>
